.spin-container {
  @small: 20px;
  @default: 30px;
  @large: 40px;
  text-align: center;
  display: none;
  .spinner {
    display: inline-block;
    border: 2px solid #12b0ff;
    border-right: none;
    border-radius: 50%;
    box-sizing: border-box;
    &.default {
      width: @default;
      height: @default;
    }
    &.small {
      width: @small;
      height: @small;
    }
    &.large {
      width: @large;
      height: @large;
    }
  }
}

.spinning {
  display: block;
  .spinner {
    animation: Rotate 800ms linear infinite;
  }
}

@keyframes Rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
